<template>
	<view class="">
		<empower></empower>
		<view class="bg-white margin-xs radius-lg" style="min-height: 86vh;">
			<view class="radius-lg" style="background-image: linear-gradient(to top, #fffcf8 0%, #fae7c9 100%);">
				<view class="flex padding-sm justify-between">
					<view class="flex padding-top-xs text-xl text-black">
						消息
					</view>
					<view class="text-lg">
						<view class="cu-avatar round margin-left bg-gray">
							<view class="flex justify-center cuIcon-roundadd text-blace"></view>
						</view>
					</view>
				</view>
				<view class="box-serach">
					<view class="cu-bar search radius-lg">
						<view class="search-form round">
							<text class="cuIcon-search"></text>
							<input type="text" placeholder="搜索" confirm-type="search"></input>
						</view>
					</view>
				</view>
			</view>

			<view class="cu-list menu-avatar padding-tb-sm">

				<view class="cu-item">
					<view class="cu-avatar round lg bg-oc-blue-3">
						<view class="cuIcon-notice text-white"></view>
					</view>
					<view class="content">
						<view class="text-lg text-black">
							互动消息
						</view>
						<view class="text-gray text-sm">
							暂无通知消息
						</view>
					</view>
				</view>
				<view class="cu-item">
					<view class="cu-avatar round lg bg-oc-pink-4">
						<view class="cuIcon-deliver text-white"></view>
					</view>
					<view class="content">
						<view class="text-lg text-black">
							天天抢车位
						</view>
						<view class="text-gray text-sm">
							你的车车再不停就要生锈了
						</view>
					</view>
					<view class="action text-xl text-gray">
						<view class="cuIcon-moreandroid"></view>
						<view class="cu-tag round sm bg-red">4</view>
					</view>
				</view>
				<view class="cu-item">
					<view class="cu-avatar round lg bg-oc-indigo-5">
						<view class="cuIcon-mark text-white"></view>
					</view>
					<view class="content">
						<view class="text-lg text-red">
							陌陌
						</view>
						<view class="text-gray text-sm">
							12.90km · [语音]
						</view>
					</view>
					<view class="action text-gray">
						<view>6-17</view>
						<view class="cu-tag round sm bg-red">2</view>
					</view>
				</view>
				<view class="cu-item">
					<view class="cu-avatar round lg bg-oc-orange-4">
						<view class="cuIcon-service text-white"></view>
					</view>
					<view class="content">
						<view class="text-lg text-blue">
							盈新数科有限公司 客服
						</view>
						<view class="text-gray text-sm">
							欢迎来到盈新数科有限公司！
						</view>
					</view>
					<view class="action text-gray">
						<view>9-15</view>
						<view class="cu-tag round sm bg-grey">3</view>
					</view>
				</view>
				<view class="cu-item">
					<view class="cu-avatar round lg bg-oc-green-4">
						<view class="cuIcon-discover text-white"></view>
					</view>
					<view class="content">
						<view class="text-lg text-green">
							小宇宙
						</view>
						<view class="text-gray text-sm">
							欢迎来到小宇宙！
						</view>
					</view>
					<view class="action text-gray">
						<view>12-15</view>
						<view class="cu-tag round sm bg-grey">2</view>
					</view>
				</view>
			</view>

		</view>
	</view>

</template>

<script>
	import empower from './index.vue'
	export default {
		name: 'message',
		components: {
			empower
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>